如果要用VS開發,Cordova 當底做為開發APP的工具,我們需要具備那些技能或知識,首先介紹一下...
基本如下:
HTML5、CSS、JavaScript
以上,不需要太懂也可以,但是要有最起碼的觀念,有觀念上網查資料才會比較容易查的到,不然可以參考在iT邦幫忙的「Maggie用那些,完成了這個網站』。
進階如下:
Jquery、JqueryMobile
以上,是稍微進階的工具,JqueryMobile比較容易懂,稍微看一下文件,再實作幾次,應該就沒有問題。
現在的前端開發平台,比較常見的可能有Bootstrap和JqueryMobile,這兩種我一直都有在使用,純電腦版就用Bootstrap,行動裝置版就用JqueryMobile,這次的Cordova我選擇用JqueryMobile。要用Bootstrap也可以,只是沒有選擇。
根據自己的經驗,用JqueryMobile做為行動裝置的行動版網站,在開發和實際使用都比較順暢,僅管JqueryMobile很久沒更新了(目前是1.4.5版),但還是好用。另一個讓人不討喜的地方,可能就是沒有Bootstrap那麼美觀,不過像是Facebook、Youtube等網站的介面,也談不上什麼美觀吧,要美觀自己調CSS也是可以的啦,這是我在做手機版時,用JqueryMobile的原因。
另一個觀念上的疑惑是...用網頁技術開發,再打包成Android 或 iOS的APP,到底是要用網頁技術開發的觀念去看,還是俗稱的 Native Code觀念去看? 當然...寫到目前為止,發現還是要用網頁技術的觀念去看待和Cordova相關的問題及疑惑。
比如,接下來要介紹的Plugin 「Geolocation」,大概三年前,我用HTML5+JqueryMobile寫了一個網站,裡面有一個功能,就是取得目前位置後,看看當下附近有沒有加油站、咖啡店之類的功能,畫面大概是下面這樣子...
這寫好的網站,目前不能用了...因為Google API改了版本和微調了一些內容,所以正好可以用來調整成內含Cordova的版本,並且打包成APP。
一般的網站,要連後端的資料庫或是直接連Google Map裡的資料,應該都沒有什麼問題。但是...現在是要把網站打包成APP,在自己的智慧型手機上執行,可能就會有點不太一樣了。像是連資料庫的PHP檔案要放那裡? Security這部份該如何處理,會在後面一起和大家討論。
不過,我們還是先來看看,要怎麼取得自己目前的座標吧! Geolocation 有幾個屬性值可以取得,內容如下
屬性 | 功能 |
---|---|
latitude | 緯度 |
longitude | 經度 |
altitude | 高度 |
accuracy | 位置誤差 |
altitudeAccuracy | 高度誤差 |
heading | 移動方向 |
speed | 移動速度(Pokemon go!) |
那個Pokemon go是開玩笑的,請不要當真...
再來,我們就可以試試,Geolocation的功能了。對了,Geolocation 是 Geolocation,跟Google Map沒有直接關係,只有間接關係。
「Allen...Allen...A先生...」
啊?『妳叫我? 怎麼了?』
「今天10月幾號?」
『今天? 10月...15吧? 怎了?』
「明天你生日耶!」
『哦,然後呢?』
「要跟去年一樣啊!」
我連到了Facebook網站,找到了去年生日當天的照片,我手指著照片,對女王說,『跟這一樣?洗廁所?』
「那有...你去年才掃三間廁所,今年當然要不一樣,今年你生日的時候,所有房間你都包了,這是我送你的生日禮物,你要收下哦!」
在這個觀光人潮如光速消失的時機,有廁所可以掃,是幸福的...2016年的10月的我,還是對大環境太樂觀了!
(待)
2016/12/07 Sunallen